<!DOCTYPE HTML>
<html>
<!--
Copyright 2011 Google Inc. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->

<head>
  <title>BITE - Options / Settings</title>

  <link type="text/css" rel="stylesheet" href="styles/options.css">

  <script type="application/javascript" src="options_script.js"></script>
  <script type="application/javascript" src="analytics.js"></script>
  <script type="application/javascript">
    var optionsPage = new bite.options.Page();
  </script>
</head>

<body onload="optionsPage.init();" onunload="optionsPage.stop();">

<!-- Options header -->
<div class="header">
  <img src="imgs/rpf/bite-logo_100x100.png">

  <div class="titles">
    <h1>Browser Integrated Test Environment (BITE)</h1>
    <h2>Options and settings for the BITE extension</h2>
  </div>

  <div class="save-info">
    <div id="user">unknown</div>
    <button id="save-button" type="button" disabled="disabled">Saved</button>
    <div id="save-time">&nbsp;</div>
  </div>
</div>

<!-- Options content -->
<div class="content">
  <form>
    <!-- Automatic recording -->
    <fieldset>
      <legend><span>Automatic Recording</span></legend>
      <p>
        When turned on, automatically records actions such as clicking and
        typing on maps.google.com. The recording is included in any bugs filed
        using BITE, but not stored in any way if a bug is not filed.
      </p>
      <ul>
        <li>
          <input id="auto-record" type="checkbox"/>
          <label for="auto-record">Turn on automatic recording</label>
        </li>
      </ul>
    </fieldset>
    <!-- Popup display -->
    <fieldset>
      <legend><span>Features</span></legend>
      <p>
        Select to enable additional features of the BITE extension. Some
        of these features are experimental and under development.
      </p>
      <ul>
        <li>
          <input id="features-bugs" type="checkbox"/>
          <label for="features-bugs">Bugs Console</label>
        </li>
        <li>
          <input id="features-rpf" type="checkbox"/>
          <label for="features-rpf">Record/Playback</label>
        </li>
        <li>
          <input id="features-tests" type="checkbox"/>
          <label for="features-tests">Tests console</label>
        </li>
      </ul>
    </fieldset>
    <!-- Server & Connectivity -->
    <fieldset>
      <legend><span>Server & Connectivity</span></legend>
      <ul>
        <li>
          <label for="server-channel">Server Channel</label>
          <select id="server-channel">
            <option value="dev">Development</option>
            <option value="beta">Beta</option>
            <option value="rel">Release</option>
          </select>
        </li>
      </ul>
    </fieldset>
    <!--Bug List Filtering -->
    <fieldset>
      <legend><span>Bug List Filtering</span></legend>
      <ul>
        <li>
          <label for="bug-state">State</label>
          <select id="bug-state">
            <option value="all">&lt;all states&gt;</option>
            <option value="active">Active</option>
            <option value="resolved">Resolved</option>
            <option value="closed">Closed</option>
          </select>
        </li>
        <li>
          <label for="bug-project">Projects</label>
          <select id="bug-project">
            <option value="all">&lt;all projects&gt;</option>
            <option value="geo">Geo</option>
            <option value="ChromeWebStore">Chrome Web Store</option>
            <option value="trash">Trash</option>
            <option value="nottrash">All projects except Trash</option>
          </select>
        </li>
        <li>
          <label for="bug-ui-binding">UI Binding</label>
          <select id="bug-ui-binding">
            <option value="all">&lt;all bugs&gt;</option>
            <option value="yes">Bound</option>
            <option value="no">Unbound</option>
          </select>
        </li>
        <li>
          <label for="bug-recording">Recordings</label>
          <select id="bug-recording">
            <option value="all">&lt;all bugs&gt;</option>
            <option value="yes">Has Recording</option>
            <option value="no">No Recording</option>
          </select>
        </li>
        <li>
          <label for="bug-screenshot">Screenshot</label>
          <select id="bug-screenshot">
            <option value="all">&lt;all bugs&gt;</option>
            <option value="yes">Has Screenshot</option>
            <option value="no">No Screenshot</option>
          </select>
        </li>
      </ul>
    </fieldset>
  </form>
</div>

<!-- Options footer -->
<div class="footer">
  <div>
    <a href="">
      Send Feedback
    </a>
  </div>
  <div><a href="http://code.google.com/p/bite">BITE Homepage</a></div>
  <div>&copy; 2011</div>
</div>

</body>
</html>

